<!DOCTYPE html>
<html lang="en">
    <head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta http-equiv="Content-Script-Type" content="text/javascript">

	<title>UI Draggable - Test Page</title>

	<link rel="stylesheet" href="../themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">

	<link rel="stylesheet" href="uiTest.css" type="text/css">

	<script type="text/javascript" src="../jquery-1.2.4b.js"></script>

	<script type="text/javascript" src="../ui.core.js"></script>
	<script type="text/javascript" src="../ui.selectable.js"></script>

	<script type="text/javascript" src="uiTest.js"></script>
	<script type="text/javascript" src="uiTest.selectable.js"></script>

	<style type="text/css">

	#tests {
		margin-bottom: 1000px;
	}

	#test-container {
		height: 300px;
		border: 1px solid #eee;
		overflow: scroll;
	}

	#foo {
		padding: 4px;
	}

	.bar {
		color: maroon;
		width: 400px;
		height: 40px;
	}
	
	
	ul#test-list { list-style: none; }
	#test-list .ui-selected { background: #727EA3; color: #FFF; }
	#test-list .ui-selecting { border: 1px solid #AAA; }
	#test-list li { background: #CFD4E6; width: 100px; margin: 5px; font-size: 10px; font-family: Arial; padding: 3px; }


	</style>

	<script type="text/javascript">

	$(function() {

		uiTest(uiTestSelectable);

	});

	var content = '<ul id="test-list">'
	+'	    <li>Item 1</li>'
	+'	    <li class="filter-test">Item 2</li>'
	+'	    <li class="filter-test">Item 3</li>'
	+'	    <li>Item 4</li>'
	+'</ul>';

	</script>

</head>

<body>


</body>

</html>
